import props from "@/pages/01_props/Father.vue";
import event from "@/pages/02_custom-event/Father.vue";
import mitt from "@/pages/03_mitt/Father.vue";
import model from "@/pages/04_v-model/Father.vue";
import attrs from "@/pages/05_$attrs/Father.vue";
import { createWebHistory, createRouter } from "vue-router";
import refsParent from "@/pages/06_$refs-$parent/Father.vue";
import provideInject from "@/pages/07_provide-inject/Father.vue";
import piniax from "@/pages/08_pinia/Father.vue";
import slot from "@/pages/09_slot/Father.vue";
import slot2 from "@/pages/10_slot具名/Father.vue";
import slot3 from "@/pages/11_slot作用域/Father.vue";
const router = createRouter({
  history: createWebHistory(), //工作模式
  routes: [
    {
      name: "props",
      path: "/props",
      component: props,
    },
    {
      name: "custum",
      path: "/event",
      component: event,
    },
    {
      name: "mitt",
      path: "/mitt",
      component: mitt,
    },
    {
      name: "model",
      path: "/v-model",
      component: model,
    },
    {
      name: "attrs",
      path: "/$attrs",
      component: attrs,
    },
    {
      name: "$refs-$parent",
      path: "/$refs-$parent",
      component: refsParent,
    },
    {
      name: "provide-inject",
      path: "/privide-inject",
      component: provideInject,
    },
    {
      name: "pinia",
      path: "/pinia",
      component: piniax,
    },
    {
      name: "slot",
      path: "/slot",
      component: slot,
    },
    {
      name: "slot2",
      path: "/slot2",
      component: slot2,
    },
    {
      name: "slot3",
      path: "/slot3",
      component: slot3,
    },
  ],
});
export default router;
